<template>
    <dd-flex gap="1em">
        <dd-button @click="DdMessage({ text: 'default info', type: 'success' })" fill="success">success</dd-button>
        <dd-button @click="DdMessage({ text: 'default info', type: 'danger' })" fill="danger">danger</dd-button>
        <dd-button @click="DdMessage({ text: 'default info', type: 'info' })" fill="primary">info</dd-button>
        <dd-button @click="DdMessage({ text: 'default info', type: 'forbid' })" fill="second">forbid</dd-button>
        <dd-button @click="DdMessage({ text: 'default info', type: 'warning' })" fill="warning">warning</dd-button>
    </dd-flex>
</template>

<script setup lang="ts">
import { DdMessage } from "ddong-ui";
</script>

